@extends('layouts.home')

@section('content')
	
	<!-- 内容区域 -->
	<div class="sub_page wrap">
		<div class="aside">
			<ul>
				<li class="active">常见问题</li>
				<li>咨询留言</li>
			</ul>
		</div>

		<div class="sub_page_context sub_page_context_problem news_list">
			<div class="inner_box">
				<div class="inner show">
					<div class="title">
						<span>常见问题</span>
					</div>
					<div class="con">
						<ul>

							@foreach( $messages  as  $message)
							<li>
								<p class="issue">
									<span class="info_title"> {{ mb_substr($message->title,0,42) }} </span>
									<span class="info_date">{{ \Carbon\Carbon::parse($message->created_at)->format('Y/m/d') }}</span>
								</p>
								<div class="answer">
									{!! $message->content !!}
								</div>
							</li>
							@endforeach

						</ul>
					</div>
				</div>
				<div class="inner">
					<div class="title">
						<span>咨询留言</span>
					</div>
					<div class="con">
						<form action="{{ route('message.store') }}" class="message_form" method="post">
							{{ csrf_field() }}
							{{--<section>--}}
								{{--<select name="" id="" >--}}
									{{--<option value="">请选择</option>--}}
									{{--<option value="">选项1</option>--}}
									{{--<option value="">选项2</option>--}}
									{{--<option value="">选项3</option>--}}
								{{--</select>--}}
							{{--</section>--}}
							<section>
								<input type="text" name="title" placeholder="请输入您的标题" required>
							</section>
							<section>
								<input type="text" name="detail" placeholder="请输入您要咨询的问题" required>
							</section>
							<section>
								<input type="text" name="name" placeholder="您的姓名" required>
								<input type="text" name="phone" placeholder="您的手机号码" required>
								<input type="text" name="email" placeholder="您的邮箱" required>
							</section>
							<section>
								<button type="submit">提交</button>
							</section>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

		<!-- 公共尾部 start -->
	<div class="footer">
		<div class="box">
			<ul class="footer_nav">
				<li><a href="">关于我们</a></li>
				<li><a href="">法律声明</a></li>
				<li><a href="">隐私条款</a></li>
				<li><a href="">版权声明</a></li>
				<li><a href="">人才招聘</a></li>
				<li><a href="">联系我们</a></li>
			</ul>
			<div class="inner">
				<div class="left">
					<p>主办方单位/版权所有：广东省人力资源管理协会</p>
					<p>备案号/经营许可证：粤ICP备18106532号</p>
					<p>
						<i class="iconfont">&#xe60a;</i>
						<span>广东省广州市海珠区琶洲大道83号宝地广场</span>
					</p>
					<p>
						<i class="iconfont">&#xe627;</i>
						<span>020-89114856</span>
					</p>
					<p>
						<i class="iconfont">&#xe62b;</i>
						<span>周一至周五9:00-18:00</span>
					</p>
				</div>
				<div class="right">
					<div class="code">
						<img src="{{ asset('home/images/code.jpg') }}" alt="">
						<p>官方订阅号</p>
					</div>
					<div class="code">
						<img src="{{ asset('home/images/code.jpg') }}" alt="">
						<p>官方服务号</p>
					</div>
				</div>
			</div>
		</div>

	</div>
		<!-- 公共尾部 end -->
@endsection
